@import "../../assets/base.less";
@import "../../assets/article.less";

#detail.login{
  .user-info {
    display: grid;
    grid: auto auto / 80px 1fr;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;

    .avatar {
      grid-column: 1;
      grid-row: 1 / span 2;
      width: 60px;
      height: 60px;
      border-radius: 50%;
    }

    h3 {
      grid-column: 2;
      grid-row: 1;
      margin: 5px 0;
    }
    p {
      grid-column: 2;
      grid-row: 2;
      margin-top: 0;
      font-size: 12px;
      color: @textLighterColor;

      a {
        color: #006cff;
        text-decoration: none;
      }
    }
  }

  .article {
    padding: 30px 0;
  }
}
